// pages/chp06/chp06.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    num:0,
    // 下拉是没有的
    isload:false,
    // 专门存放后台的数据列表
    mylist:[]
  },
  addnum(){
    this.setData({
      num:this.data.num+1
    })
  },
  // 每次下拉处理来回去不同的任务
  getPreson (){
    // 展示加载效果
    wx.showLoading({
      title: '加载中',
    })
    wx.request({
      url: 'https://api.github.com/search/users',
      data:{
        q:'aa',
        page:this.data.num,
        per_page:10
      },
      success:(response)=>{
        console.log(response)
        this.setData({
          mylist:[...this.data.mylist,...response.data.items]
        })
      },
      complete:()=>{
        this.setData({
          isload:false
        })
        // 隐藏再加效果
        wx.hideLoading()
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   * 个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
注意：对界面内容进行设置的 API 如wx.setNavigationBarTitle，
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   * 用于页面的重新初始化
   */
  onPullDownRefresh: function () {
    console.log("下拉了,函数运行了")
    // 将页面的数据初始化
    this.setData({
      num:0,
      mylist:[]
    })
    // 手机上显示,下拉刷新, 自动回去  // 需要手动去,停止下拉的刷新, 
    // 有些初始化的数据,是从后台拿的,数据慢,需要人为去关闭
    wx.stopPullDownRefresh()
  },

  /**
   * 页面上拉触底事件的处理函数,
   * 一般是加载更多的数据,从后台拿数据
   * page 的高需要高过手机高才可以,才有滚动条,才可以触发下拉方法
   * 数据变化,而且加载了,页面需要重新渲染
   * 鼠标需要到达,或则是经过onReachBottomDistance 距离之后才可以触发
   * 需要让滚动条在底部 超过 onReachBottomDistance的上方一点就可以,
   */
  onReachBottom: function () {
    console.log('我运行了');
    // 用解构
    // const {mylist} = this.data;
    // mylist.push(Math.random())
    this.data.mylist.push(Math.random())
    this.setData({
      // mylist:[...mylist]
      mylist:[...this.data.mylist]
    })
    // 微信自带的方法,滚动条,每次到的地方
    // scrollTop 距离顶部是多少,
    // selector 根据的是页面元素的位置,
    // wx.pageScrollTo({
    //   // scrollTop:10
    //   selector: 'view:nth-last-child(3)'
    // })
    // if(this.data.isload){
    //   return ;
    // }
    // this.setData({
    //   isload:true
    // })
    // console.log("上拉加载刷新")
    // this.addnum()
    // this.getPreson()
    // wx.pageScrollTo({
    //   selector: 'view:nth-last-child(2)', 
    //   complete: (res) => {},
    // })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})